<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>ele实时编辑器</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

	<meta http-equiv="Expires" content="0">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Cache" content="no-cache">

	<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
	<script src="jquery.min.js"></script>

	<link rel="stylesheet" href="./element/element.css">

	<link rel="stylesheet" href="./css3d/test.css">

	<script type="text/javascript" src="vue.js"></script>
	<script type="text/javascript" src="./element/element.js"></script>
	<script type="text/javascript" src="request.js"></script>
	<script type="text/javascript" src="/css3d/test.js"></script>
	<!-- import CSS -->
	
	<!-- import JavaScript -->
	<!-- <script src="https://unpkg.com/mint-ui/lib/index.js"></script> -->
	<!-- <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> -->



</head>

<body>
<div id="main">


	<div id="map" class="content">

		<div v-for="(item,index) in map_unit_list" class="map-unit">
			{{index}}
		</div>
	</div>
</div>

</body>


</html>
<script>

map = new Vue({
    el: "#map",
    data() {
        return {
            index_list: [{
                title: '今日开工',
                value:20,
            }, {
                title: '今日在建',
                value:15,
            }, {
                title: '今日完工',
                value:5,
            }, {
                title: '待开工',
                value:5,
            }, {
                title: '待验收',
                value:2,
            }, {
                title: '停工',
                value:1,
            }],
            project_list: [{
                title: '海德公园',
                status:'视频监控中'
            }, {
                title: '海尚壹品',
                status:'信号中断'
            }, {
                title: '中海国际',
                status:'正在重连中'
            }, {
                title: '金色万科',
                status:'视频监控中'
            }],
            manager_list: [{
                name: '张三',
                num:2,
            }, {
                name: '李四',
                num:4,
            }, {
                name: '王五',
                num:1,
            }, {
                name: '赵四',
                num:3,
            }],
            housekeeper_list: [{
                name: '雷军',
                num:7,
            }, {
                name: '马云',
                num:1,
            }, {
                name: '张一鸣',
                num:5,
            }, {
                name: '马化腾',
                num:3,
            }],
            video_list: [{
                title: '海德公园',
            
            }, {
                title: '金色万科',
            }],
            map_unit_list:[]
            //cur_time:(new Date()).toLocaleString()
        };
    },

    computed: {
        cur_time(){
            var d =  new Date();
            return (d.getMonth()+1)+'月'+d.getDate()+'日  '+d.getHours()+':'+d.getMinutes();
        }
    },
    mounted: function () {
        this.init();
        this.$nextTick(function () {
            
        })
    },

    methods: {
        start(){
            debugger;
           

        },
        init() { 
			var that = this;
            for(i=0;i<100;i++){
                that.map_unit_list.push({
                    index:i
                })
            }

        },
        toggel_section(item) {
            this.cur_section = item.name;
            this.setting_list = this.setting_data[item.name];

            this.$nextTick(function () {

            })

        },
        add_code(item) {
            this.code += $.trim($("#" + item.id).html().replace(/\#/, this.handler_value_name)) + "\n";

            this.$nextTick(function () {

            })

        },
        toggel_hot_use(item) {
            debugger;

            this.hot_use_list = item.hot.split(",");

        },
        assign_value(item) {
            this.handler_value_name = item;


        },
    }
});




</script>